@import 'common';


$w: 100%;
//内容
.project {

    main {

        //内容顶部部分
        .main_top {
            display: flex;
            justify-content: center;
            //线条
            .line{
                width: 105px;
                height: 13px;
                border-bottom: 1px solid #8ec5ff;
            }
            //文字部分
            .text{
                text-align: center;
                margin: 0 15px;

                h3{
                    letter-spacing: 1em;
                    position: relative;
                    left: 9px;
                }
                b{
                    font-size: 12px;
                    
                }
            }
        }   

        //内容部分
        .main_content {
            width: 900px;
            height: 258px;
            margin: 61px auto 54px;
            display: flex;
            justify-content: center;
            //右边图片
            .right_img{
                img{
                    width: 379px;
                    height: 258px;
                }  
            }
            //左边登录
            .left_log{
                width: 379px;
                height: 258px;
                
                ul{
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    align-items: center;
                    width: 100%;
                    height: 258px;
                    //表单每一行调整
                    li{
                        width: 100%;
                        font-size: 12px;
                        a{
                            color: red;
                            text-decoration: none;
                        }
                        button{
                            width: 93px;
                            height: 24px;
                            line-height: 20px;
                            font-size: 14px;
                            border-color: transparent;
                            background-color: #8ec5ff;
                            border-radius: 5px;
                        }
                        input{
                            width: 265px;
                            height: 20px;
                            background-color: #8ec5ff;
                            opacity: 0.3;
                            border-radius: 5px;
                        }
                        //按钮
                        &:nth-child(1){
                            text-align: center;
                            button:nth-child(2){
                                margin-left: 5px;
                                background-color: gainsboro;
                            }
                        }
                        //验证码
                       &:nth-child(4){
                            input{
                                width: 97px;
                                }
                            img{
                                width: 72px;
                                height: 23px;
                                vertical-align: middle;
                            }
                       }
                       //有效期单选框
                       &:nth-child(5){
                        line-height: 24px;
                        input{
                            width: 20px;
                            height: 12px;
                            opacity: 1;
                           
                        }
                            
                       }
                       //登录按钮
                       &:nth-child(6){
                        text-align: center;
                            button{
                                color: white;
                                opacity: 0.6;
                            }
                       }
                        
                        
                        
                    }
                }
            }
            
        }

    }
}